<!-- sc.js chứa  -->
<script type="text/javascript" src="js/sc.js"></script>
<?php
    //Cập nhật số lần đã xem của một cuốn sách
    $total_views = $arrData['book']['Views'] + 1;
    $sql  ="update books set Views = ".$total_views . " where BookId = ". $arrData['book']['BookId'];  
    $result = mysql_query($sql);

?>

<div class="crumb_nav">
    <a href="index.php">Home</a> &gt;&gt; <span style="font-weight: bold; color:orange;"> <?php echo $arrData['book']['Name']; ?> </span>
</div>
<div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span><?php echo $arrData['book']['Name']; ?></div>

<div class="feat_prod_box_details">
    
    <div class="prod_img" id ="imageContainer"><a href="detail.php?id=<?php echo $arrData['book']['BookId']; ?>"><img width="120px" height="200px" src="<?php echo $arrData['book']['ImageUrl']; ?>" alt="<?php echo $arrData['book']['Name']; ?>" title="<?php echo $arrData['book']['Name']; ?>" border="0" /></a>
        <br /><br />
        <a href="images/big_pic.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" title="" border="0" /></a>
    </div>
    
    <div class="prod_det_box">
        <div class="box_top"></div>
        <div class="box_center">
            <div class="prod_title">Thông tin chi tiết:</div>
            <p style="display: none;" id="book_id"><?php echo $arrData['book']['BookId']; ?></p>
            <p class="details"> <?php echo $arrData['book']['Detail']; ?> </p>
            <div class="price"><strong>Tác giả: </strong><?php echo $arrData['book']['Author']; ?></div>
            <div class="price"><strong>Nhà xuất bản: </strong><?php echo $arrData['book']['Publisher']; ?></div>
            <div class="price"><strong>Loại sách: </strong><a href="catedetail?cid=<?php echo $arrData['book']['CateId']?>" style="text-decoration: none;"><?php echo $arrData['book']['CateName']; ?></a></div>
            <!-- Nếu cuốn sách hiện đang xem có khuyến mãi thì hiển thị giá gốc và giá khuyến mãi -->
            <?php if($arrData['book']['SaleOffPrice'] !='0'){ ?>
            <div class="price"><strong>Giá gốc:</strong> <span class="red"><strike><?php echo $arrData['book']['Price']; ?>.000 VNĐ </strike></span></div>
            <div class="price"><strong>Giá khuyến mại:</strong> <span class="red" style="color: red;"><?php echo $arrData['book']['SaleOffPrice']; ?>.000 VNĐ</span></div>
            
            <!-- Nếu cuốn sách hiện đang xem không có khuyến mãi thì hiển thị giá của cuốn sách -->
            <?php } else { ?>
            <div class="price"><strong>Giá:</strong> <span class="red"><?php echo $arrData['book']['Price']; ?>.000 VNĐ</span></div>
            <?php }?>
            <div class="price"><strong>Tình trạng: </strong><?php echo $arrData['book']['Status']; ?></div>
            <div class="price"><strong>Màu sắc:</strong> 
                <span class="colors"><img src="images/color1.gif" alt="" title="" border="0" /></span>
                <span class="colors"><img src="images/color2.gif" alt="" title="" border="0" /></span>
                <span class="colors"><img src="images/color3.gif" alt="" title="" border="0" /></span>                    
            </div>
            <p style="margin-left:15px;">
                <strong>Đã xem: </strong><?php echo $arrData['book']['Views']; ?> lần. &nbsp; &nbsp; &nbsp; &nbsp; 
                <strong>Đã mua: </strong> <?php echo $arrData['book']['Orders'];?> lần.
            </p>
            <p style="margin-left: 15px;"> <strong>Đánh giá: </strong> <?php echo $arrData['book']['rating'];?> sao.</p>
            <span style="margin-left:15px;">Số lượng: <input type="number" value="1" style="width: 50px;" id="ip_quantity" min="1" max="1000"/></span>            
            <!-- Hiển thị nút order now -->
            <button id="order" style="background-image: url('images/order_now.gif'); width: 95px; height:26px;"></button>
            <!-- Hiển thị kết quả đặt hàng -->
            <div class="message" id="order_message" style="color: orange; font-weight:bold; margin-left:15px;"></div>
            <div class="clear"></div>
        </div>
        
        <div class="box_bottom"></div>
    </div>    
    <div class="clear"></div>
</div>	


<div id="demo" class="demolayout">
    
    <ul id="demo-nav" class="demolayout">
        <li><a class="active" href="#tab1">Mô tả sách</a></li>
        <li><a class="" href="#tab2">Sách cùng loại</a></li>
    </ul>
    
    <div class="tabs-container">
    
        <div style="display: block;" class="tab" id="tab1">
            <p class="more_details"> <?php echo $arrData['book']['Description']; ?></p>                           
        </div>	
        
        <div style="display: none;" class="tab" id="tab2">
<?php if(count($arrData['books'])>0){
            foreach($arrData['books'] as $bb){ 
?>
            <div class="new_prod_box">
                <a href="detail.php?id=<?php echo $bb['BookId']; ?>"><?php echo $bb['Name']; ?></a>
                <div class="new_prod_bg">
                    <a href="detail.php?id=<?php echo $bb['BookId']; ?>"><img src="<?php echo $bb['ImageUrl']; ?>" alt="<?php echo $bb['Name']; ?>" title="<?php echo $bb['Name']; ?>" border="0" style="width:60px; height:100px;"/></a>
                </div>           
            </div>
            
  <?php     }
        } else { echo 'Không có sản phẩm nào cùng loại'; }
  ?>
            
            
            <div class="clear"></div>
        </div>	
    
    </div>


</div>